import { TooltipProvider } from "@/components/ui/tooltip";
import { SidecarRuntimeProvider } from "@/lib/sidecar-runtime";
import { AppLayout } from "@/components/layout/AppLayout";
import { AppLayoutWithTabs } from "@/components/layout/AppLayoutWithTabs";
import { SubAgentStatusBadge } from "@/components/subagents/SubAgentStatusIndicator";

// Toggle between old and new layout
// Set to true to use the new Tab-based layout
const USE_NEW_TAB_LAYOUT = true;

function App() {
  return (
    <TooltipProvider>
      <SidecarRuntimeProvider sidecarUrl="http://localhost:3000">
        {USE_NEW_TAB_LAYOUT ? <AppLayoutWithTabs /> : <AppLayout />}
        {/* Sub-Agent Status Badge (floating) */}
        <SubAgentStatusBadge />
      </SidecarRuntimeProvider>
    </TooltipProvider>
  );
}

export default App;
